
<template>
    <div id="competitiveInformation">
        <div class="volunteer" align="left" style="margin-top:60px">
            <template>
                <Checkbox style="color: red;font-size: 18px" v-model="first">第一批次</Checkbox>
                <Checkbox style="color: red;font-size: 18px" v-model="sencord">第二批次</Checkbox>
                <Checkbox style="color: red;font-size: 18px" v-model="third">第三批次</Checkbox>
                <Checkbox style="color: red;font-size: 18px" v-model="third">专科/高职批次</Checkbox>
                <Button type="warning" style="margin-left:80px;width: 100px" @click='intelligence_student_onclick'>招生计划情报</Button>
                <Button type="warning" style="margin-left:20px;width: 100px" @click='intelligence_opponent_onclick'>功能使用情报</Button>
                <Button type="warning" style="margin-left:20px;width: 100px" @click='intelligence_ranking_onclick'>分数情报</Button>
                <Button type="warning" style="margin-left:20px;width: 100px" @click='intelligence_grade_onclick'>排名情报</Button>
            </template>
        </div>
        <div class="volunteer" align="left" style="margin-top:30px">
            <template>
                <Icon type="plus-circled" style="color: #ee9900;font-size: 18px;">
                </Icon>
                <span style="font-size:17px">第一批次
          			</span>
            </template>
        </div>

        <hr style='margin-top:10px'>
        <div class="operation" style='margin-top:30px'>
            <template>
                <Table border :columns="columns7" :data="data6"></Table>
            </template>
        </div>
        <div class="volunteer-2" align="left" style="margin-top:30px">
            <template>
                <Icon type="plus-circled" style="color: #ee9900;font-size: 18px;">
                </Icon>
                <span style="font-size:17px">第二批次
          			</span>
            </template>
        </div>
        <hr style='margin-top:10px'>
        <div class="operation" style='margin-top:30px'>
            <template>
                <Table border :columns="columns8" :data="data8"></Table>
            </template>
        </div>
        <div class="volunteer-3" align="left" style="margin-top:30px">
            <template>
                <Icon type="plus-circled" style="color: #ee9900;font-size: 18px;">
                </Icon>
                <span style="font-size:17px">第三批次
          			</span>
            </template>
        </div>
        <hr style='margin-top:10px'>
        <div class="operation" style='margin-top:30px'>
            <template>
                <Table border :columns="columns3" :data="data3"></Table>
            </template>
        </div>
        <div class="volunteer-4" align="left" style="margin-top:30px">
            <template>
                <Icon type="plus-circled" style="color: #ee9900;font-size: 18px;">
                </Icon>
                <span style="font-size:17px">专科/高职
          			</span>
            </template>
        </div>
        <hr style='margin-top:10px'>
        <div class="operation" style='margin-top:30px'>
            <template>
                <Table border :columns="columns4" :data="data4"></Table>
            </template>
        </div>
        <template>
            <Modal
                    v-model="modal1"
                    title="对手情报分析"
                    @on-ok="ok"
                    @on-cancel="cancel">
                <Table :columns="columns1" :data="data1"></Table>
            </Modal>
        </template>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                modal1: false,
                columns7: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '院校名称',
                        key: 'collegeName'

                    },
                    {
                        title: '专业名称',
                        key: 'majorName'

                    },
                    {
                        title: '浏览过人数',
                        key: 'plan'

                    },
                    {
                        title: '收藏过人数',
                        key: 'voluntaryRisk'

                    },
                    {
                        title: '生成志愿人数',
                        key: 'coefficient'
                    },
                    {
                        title: '操作',
                        key: 'action',
                        align: 'center',
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'warning',
                                        icon: 'ios-search-strong',
                                        shape: 'circle'
                                    },
                                    on: {
                                        click: () => {
                                            this.modal1 = true;
                                        }
                                    }
                                })
                            ]);
                        }
                    }
                ],
                data6: [
                    {
                        collegeName: '哈尔滨工业大学',
                        majorName: '计算机专业',
                        plan:20,
                        voluntaryRisk:'保底',
                        coefficient:0.5,
                        scoreGap:5,
                        safetyLine:540,
                        thresholdLine:520,
                        precedence:100,
                        year:'2016'

                    },
                    {
                        collegeName: '清华大学',
                        majorName: '软件工程专业',
                        plan:20,
                        voluntaryRisk: '风险',
                        coefficient:0.9,
                        scoreGap:6,
                        safetyLine:670,
                        thresholdLine:600,
                        precedence:100,
                        year:'2016'
                    }
                ],
                columns8: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '院校名称',
                        key: 'collegeName'
                    },
                    {
                        title: '专业名称',
                        key: 'majorName'
                    },
                    {
                        title: '浏览过人数',
                        key: 'plan'
                    },
                    {
                        title: '收藏过人数',
                        key: 'voluntaryRisk'
                    },
                    {
                        title: '生成志愿人数',
                        key: 'coefficient'
                    },
                    {
                        title: '操作',
                        key: 'action',
                        align: 'center',
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'warning',
                                        icon: 'ios-search-strong',
                                        shape: 'circle'
                                    },
                                    on: {
                                        click: () => {
                                            alert("111");
                                        }
                                    }
                                }),
                            ]);
                        }
                    }
                ],
                data8: [
                    {
                        collegeName: '哈尔滨师范大学',
                        majorName: '计算机专业',
                        plan:20,
                        voluntaryRisk:'保底',
                        coefficient:0.5,
                        scoreGap:5,
                        safetyLine:540,
                        thresholdLine:520,
                        precedence:100,
                        year:'2016'

                    },
                    {
                        collegeName: '哈尔滨信息工程学院',
                        majorName: '软件工程专业',
                        plan:20,
                        voluntaryRisk:'风险',
                        coefficient:0.9,
                        scoreGap:6,
                        safetyLine:670,
                        thresholdLine:600,
                        precedence:100,
                        year:'2016'
                    }
                ], columns3: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '院校名称',
                        key: 'collegeName'
                    },
                    {
                        title: '专业名称',
                        key: 'majorName'
                    },
                    {
                        title: '浏览过人数',
                        key: 'plan'
                    },
                    {
                        title: '收藏过人数',
                        key: 'voluntaryRisk'
                    },
                    {
                        title: '生成志愿人数',
                        key: 'coefficient'
                    },
                    {
                        title: '操作',
                        key: 'action',
                        align: 'center',
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'warning',
                                        icon: 'ios-search-strong',
                                        shape: 'circle'
                                    },
                                    on: {
                                        click: () => {
                                            alert("111");
                                        }
                                    }
                                }),
                            ]);
                        }
                    }
                ],
                data3: [
                    {
                        collegeName: '哈尔滨华德学院',
                        majorName: '计算机专业',
                        plan:20,
                        voluntaryRisk:'保底',
                        coefficient:0.5,
                        scoreGap:5,
                        safetyLine:540,
                        thresholdLine:520,
                        precedence:100,
                        year:'2016'

                    },
                    {
                        collegeName: '哈尔滨广厦学院',
                        majorName: '软件工程专业',
                        plan:20,
                        voluntaryRisk:'风险',
                        coefficient:0.9,
                        scoreGap:6,
                        safetyLine:670,
                        thresholdLine:600,
                        precedence:100,
                        year:'2016'
                    }
                ],
                columns4: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '院校名称',
                        key: 'collegeName'
                    },
                    {
                        title: '专业名称',
                        key: 'majorName'

                    },
                    {
                        title: '浏览过人数',
                        key: 'plan'
                    },
                    {
                        title: '收藏过人数',
                        key: 'voluntaryRisk'
                    },
                    {
                        title: '生成志愿人数',
                        key: 'coefficient'
                    },
                    {
                        title: '操作',
                        key: 'action',
                        align: 'center',
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'warning',
                                        icon: 'ios-search-strong',
                                        shape: 'circle'
                                    },
                                    on: {
                                        click: () => {
                                            alert("111");
                                        }
                                    }
                                }),
                            ]);
                        }
                    }
                ],
                data4: [
                    {
                        collegeName: '哈尔滨华夏计算机职业技术学院',
                        majorName: '计算机专业',
                        plan:20,
                        voluntaryRisk:'保底',
                        coefficient:0.5,
                        scoreGap:5,
                        safetyLine:540,
                        thresholdLine:520,
                        precedence:100,
                        year:'2016'

                    },
                    {
                        collegeName: '哈尔滨职业技术学院',
                        majorName: '软件工程专业',
                        plan: 20,
                        voluntaryRisk: '风险',
                        coefficient: 0.9,
                        scoreGap: 6,
                        safetyLine: 670,
                        thresholdLine: 600,
                        precedence: 100,
                        year: '2016'
                    }
                ],
                columns1: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '地区',
                        key: 'name'
                    },
                    {
                        title: '学校',
                        key: 'age'
                    },
                    {
                        title: '班级',
                        key: 'address'
                    },
                    {
                        title: '总分',
                        key: 'address'
                    }
                ],
                data1: [
                    {
                        name: '哈尔滨',
                        age: '第一中学',
                        address: '高三二班',
                        date: '530'
                    },
                    {
                        name: '牡丹江',
                        age: '第一中学',
                        address: '高三二班',
                        date: '530'
                    },
                    {
                        name: '大庆',
                        age: '第一中学',
                        address: '高三二班',
                        date: '530'
                    },
                    {
                        name: '齐齐哈尔',
                        age: '第一中学',
                        address: '高三二班',
                        date: '530'
                    }
                ]
            }
        },
        methods: {
            intelligence_ranking_onclick: function () {
                this.$router.push({
                    name: 'intelligence_ranking'
                });
            },intelligence_grade_onclick: function () {
                this.$router.push({
                    name: 'intelligence_grade'
                });
            },intelligence_opponent_onclick: function () {
                this.$router.push({
                    name: 'intelligence_opponent'
                });
            },intelligence_student_onclick: function () {
                this.$router.push({
                    name: 'intelligence_student'
                });
            }
        }
    };
</script>

